import { makeStyles } from '@mui/styles';
import { changeRouterMode, useHashRouter } from '../util';
import InsertLinkIcon from '@mui/icons-material/InsertLink';

const loginStyles = makeStyles({
  bCenter: {
    textAlign: "center",
    position: "absolute",
    bottom: 0,
    left: '50%',
    transform: 'translate(-50%, 0)',
    color: 'gray'
  }
});

export default function Toolbar(props) {

  const pageStyle = loginStyles(props)
  return (
    <>
      <div onClick={() => changeRouterMode(!useHashRouter)}><InsertLinkIcon /></div>
    </>
  )
}